@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#0f6bc9;}
li{ list-style:none;}
em,i{ font-style:normal;}

.clear{ clear:both;}
.title { font-size:24px; color:#fff; text-align:center; padding-bottom:50px;}
.more a{ display:block; background:#187fe8; padding:10px 20px; width:120px; margin:0 auto; color:#fff; border-radius:4px; text-align:center;}

.title2{ position:relative;}
.title2 h3{ color:#0f6bc9; font-size:32px;}
.title2 p{ font-size:18px;}
.title2 .more2{ position:absolute; right:0px; top:10px;}
.title2 .more2 a{ display:block; background:#187fe8; padding:10px 20px; color:#fff; border-radius:4px; text-align:center;}

/*小圆点*/
#fp-nav ul li a span{ background:#fff;}

/*背景图片*/
#fullpage .section:nth-child(1){ background:url(../images/bg0.jpg) no-repeat; background-size:cover;}
#fullpage .section:nth-child(2){ background:url(../images/bg1.jpg) no-repeat; background-size:cover;}
#fullpage .section:nth-child(3){ background:url(../images/bg2.jpg) no-repeat; background-size:cover;}
#fullpage .section:nth-child(4){ background:url(../images/bg3.jpg) no-repeat; background-size:cover;}
#fullpage .section:nth-child(5){ background:url(../images/bg4.jpg) no-repeat; background-size:cover;}

/*header*/
.nav{ position:fixed; top:0; z-index:999; background:#fff; width:100%;}
.navInfo{ width:1400px; height:80px; margin:0 auto; zoom:1; overflow:hidden;}
.logo{ float:left; margin-top:10px;}
.logo2{ float:left; margin-top:15px;}
.menu{ float:left;}
.menu ul { margin-top:25px; padding-left:80px;}
.menu ul li{ float:left; margin:0 15px;}
.menu ul li a{ color:#0f6bc9;}
.menu ul li a:hover{ color:#1586fa;}
.tel{ float:right; margin-top:10px;}
.tel p.phone{ background:#0f6bc9; color:#fff; width:230px; height:24px; border-radius:12px; text-align:center; margin-bottom:10px;}
.tel p.en{ background: url(../images/en.jpg) no-repeat left center; width:40px; padding-left:25px; border-bottom:solid 1px #ccc;}

/*第一屏*/
.wrap_01{zoom:1; width:100%;}
.left_img{ float:left; width:50%; height:619px;}
.right_img{ background: url(../images/honor1.jpg) no-repeat; width:50%; height:619px; float:right;}
.right_img h3{ color:#fff; font-size:24px; padding-top:20%; padding-left:5%; line-height:40px;}
.right_img p{ color:#fff; width:30%; padding-left:5%; margin-bottom:20px;}
.right_img a{ background:#187fe8; padding:10px 20px; color:#fff; margin-left:5%; border-radius:4px;}

.search_link{ color:#fff; width:1200px; margin:0 auto; zoom:1;/* background:#ff0;*/}
.search{ float:left; padding-top:40px; width:50%;}
.search h3{ font-weight:400; font-size:32px;}
.search p{ line-height:40px;}
.search p a{ color:#fff; margin-right:15px;}
.search p a:hover{ color:#187fe8;}
.input_txt{ position:relative; width:520px;}
.input_txt .txt{ border:none; width:500px; height:30px; border-radius:6px; padding:10px;}
.input_txt .btn{ background: url(../images/search.jpg) no-repeat center center; width:50px; height:50px; position:absolute; right:0px; border:none; cursor:pointer;}

.dashijian{ background: url(../images/bg_new.jpg) no-repeat center center; width:246px; height:256px; float:left; margin-left:40px; margin-top:-20px; border:solid 2px #86919c;}
.dashijian h3{ color:#fff; font-size:24px; padding-top:40%; padding-left:5%; line-height:80px;}
.dashijian a{ background:#187fe8; padding:10px 20px; color:#fff; margin-left:5%; border-radius:4px;}
.news2{ background: url(../images/bg_new2.jpg) no-repeat center center;}
.news2 h3{ color:#187fe8;}

/*第二屏*/
.products{ width:1200px; margin:0 auto; /*background:#ff0;*/}
.products .products_info{ zoom:1; overflow:hidden; margin-bottom:30px;}
.products .products_info .productClass{ width:300px; float:left;}
.products .products_info .productClass ul li{ height:114px; border-bottom:solid 1px #c6c6c6;}
.products .products_info .productClass ul li:last-child{border-bottom:none;}
.products .products_info .productClass ul li a{ display:block; height:114px; line-height:114px; color:#404040; background:#fff url(../images/+2.png) no-repeat 250px center; padding:0 20px;}
.products .products_info .productClass ul li a:hover{ color:#fff; background:#0f6bc9 url(../images/+.png) no-repeat 250px center; padding:0 20px;}

.products .products_info .productImg{ width:880px; float:right;}
.products .products_info .productImg ul li{ float:left; width:174px; height:168px; margin-left:44px; margin-bottom:10px;}
.products .products_info .productImg ul li img{ width:174px; height:168px;}

/*第三屏*/
.about{ width:1200px; margin:0 auto; /*background:#ff0;*/}
.about .about_info{ zoom:1; overflow:hidden; margin-bottom:30px;}
.about .about_info .aboutTxt{ width: 500px; color:#fff; float:left;}
.about .about_info .aboutTxt h3{ font-size:32px; line-height:32px; margin-bottom:30px;}
.about .about_info .aboutTxt p{ line-height:18px; margin-bottom:30px;}
.about .about_info .aboutImg{ float:right;}
.about .about_info .aboutImg img{ float:right; width:606px; height:360px;}
.more2 a{ margin-left:0;}

/*第四屏*/
.news{ width:1100px; margin:0 auto; background:#fff; zoom:1; overflow:hidden; padding:50px;}
.news .newsInfo{ width:600px; float:left;}
.news .newsInfo .newsFirst{ padding:20px 0; zoom:1; overflow:hidden;}
.news .newsInfo .newsFirst dl{ width:600px;}
.news .newsInfo .newsFirst dl dt{ float:left; margin-right:16px; width:290px; height:190px;}
.news .newsInfo .newsFirst dl dt img{ width:290px; height:190px;}
.news .newsInfo .newsFirst dl dd{ float:left; line-height:18px; width:290px; line-height:24px;}
.news .newsInfo .newsFirst dl dd h4{ margin-bottom:10px;}
.news .newsInfo ul li{ line-height:44px; background: url(../images/icon.png) no-repeat left center; padding-left:20px; zoom:1; overflow:hidden; border-bottom: solid 1px #ddd;}
.news .newsInfo ul li a{ float:left;}
.news .newsInfo ul li span{ float:right;}
.news .fqaInfo{ width:400px; float:right;}
.news .fqaInfo ul{ padding-top:10px;}
.news .fqaInfo ul li{ line-height:56px; background: url(../images/icon.png) no-repeat left center; padding-left:20px; zoom:1; overflow:hidden; border-bottom: solid 1px #ddd;}

/*第五屏*/
.contact_info{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.contact_info ul li{ background:#0f6bc9; width:220px; height:50px; float:left; padding:30px; color:#fff; margin-right:20px;}

.footer{ width:100%; position:absolute; bottom:0; background:#181818; text-align:center; color:#aaa; padding:20px 0 40px 0;}
.footerLink{ width:1200px; margin:0 auto; line-height:24px; padding-bottom:20px;}
.footerLink a{ color:#ddd;}
.footerLink a:hover{ color:#0f6bc9;}
.footerTxt{ width:1200px; margin:0 auto; font-size:14px; line-height:24px;}
.footerImg{ padding-top:10px;}
.footerImg a{ padding:10px 2px;}

/*内页*/
.info img{ width:100%; margin-top:60px;}

.main{ width:1200px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.left{ float:left; width:240px;}
.left h3{ background:#eee; border-bottom:solid 1px #ddd; padding:10px;}
.left ul li{ border-bottom:solid 1px #ddd; padding:10px; background: url(../images/icon.png) no-repeat left center; padding-left:20px;}
.left ul li a{ display:block;}

.center{ float:left; width:680px; margin-left:20px;}
.center h3{ background:#eee; border-bottom:solid 1px #ddd; padding:10px;}
.center .centerInfo{ line-height:24px; padding:20px 0;}
.center .centerInfo p{ margin-bottom:16px;}
.center .centerInfo div{ margin-bottom:16px;}
.center .centerInfo h4{ margin-bottom:16px;}
.center .centerInfo h2{ border-bottom:solid 1px #ddd; line-height:36px; text-align:center; margin-bottom:20px;}
.center .centerInfo dl{ border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:20px;}
.center .centerInfo dl dt{ zoom:1; overflow:hidden; background: url(../images/icon.png) no-repeat left center; padding-left:20px;}
.center .centerInfo dl dt h5{ font-size:16px; float:left;}
.center .centerInfo dl dt span{ font-size:14px; float:right; color:#666;}

.center .centerInfo ul{ zoom:1; overflow:hidden;}
.center .centerInfo ul li{ float:left; width:160px; height:300px; margin-right:10px;}
.center .centerInfo ul li img{ border:solid 1px #eee; width:160px; height:250px;}
.center .centerInfo ul li span{ display:block; text-align:c; color:#333; text-align:center;}

.right{ float:right; width:240px;}
.right .searchInfo{ background:#eee; padding:10px; margin-bottom:24px;}
.right .searchInfo h3{ background:#eee; border-bottom:solid 1px #ddd; padding:10px;}
.right .searchForm h4{ font-weight: normal; line-height:48px;}
.right .sel01{ width:220px; height:28px; margin-bottom:16px;}
.right .txtarea01{ width:220px; height:24px; margin-bottom:16px;}
.right .btn02{ width:80px; height:24px;}

.right .cantactInfo{ background:#eee; padding:10px; margin-bottom:24px;}
.right .cantactInfo h3{ background:#eee; border-bottom:solid 1px #ddd; padding:10px;}
.right .cantactInfo h4{ line-height:48px; color:#0f6bc9; font-weight:bold;}
.right .cantactInfo p{ line-height:24px;}

.center .centerInfo table{ width:100%;}
.center .centerInfo table td{ border:solid 1px #ddd; padding:5px;}
.center .centerInfo table thead{ background:#eee; font-weight:bold;}

.dingwei{ position:static;}

.pages { line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:10px; position:relative; float: left;}
.pages a, .pages span,.both{ padding:6px 12px; border:1px solid #ddd; color:#444; line-height:45px;}
.pages span{ background:#3fb5c0; color:#fff;border:1px solid #3fb5c0;}

.pages input{ height:34px;border:1px solid #DDD; margin-top: -3px; width:50px; right:123px; text-align:center;}
.pages input[type=button]{ height:34px; width:55px; background:#999; font-size:14px; color:#fff; line-height:34px; margin: -3px 0 0 6px; border:0; font-family:"微软雅黑";}
.both{ float: left; margin-left: 8px; font-size: 14px; line-height: 20px;}

.left02{ width:940px; float:left;}
.left02 dl{ float:left; width:32%; padding-right:1%;}
.left02 dl dt{ width:100%;}
.left02 dl dt img{ width:100%;}
.left02 dl dd{ background: url(../images/icon02.gif) no-repeat left center; padding-left:20px; line-height:32px;}

.productClass02{ border-bottom:solid 1px #ddd; padding:10px 0;}
.productClass02 div{ display:inline-block;}
.productClass02 div img{ width:174px;}
.productClass02 p{ display:inline-block; vertical-align:top;}

.center .searchForm02{ background:#eee; padding:20px;}
.center .sel01{ width:220px; height:28px; margin-bottom:16px;}
.center .txtarea01{ width:220px; height:24px; margin-bottom:16px;}
.center .btn02{ width:80px; height:24px; margin-top:20px;}

.bold{font-weight: bold;}

@media screen and (min-width:751px){
	.nav_wap{ display:none;}
}
@media screen and (max-width:750px){
#fullpage .section:nth-child(1){ background:url(../images/bg0.jpg) no-repeat center bottom; background-size:100%; height:240px;}
	/*手机端导航*/
	.nav_wap{ width:100%; height:60px; background:#fff; position:fixed; z-index:999; zoom:1;}
	.logo_wap{ width:40%; float:left;}
	.logo_wap img{ width:100%; margin-top:10px; margin-left:5px;}
	.wap_menu{ float:right; width:40px; height:32px; position:relative; top:20px; right:20px;}
	.menu_icon{ display:flex; flex-direction:column;}
	.menu_icon input{ position:absolute; width:40px; height:32px; cursor:pointer; z-index:2; opacity:0;}
	.menu_icon span{ width:30px; height:2px; background:#333; position:relative; z-index:1; margin-bottom:6px; transform-origin:6px 0; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, background 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
	.menu_icon input:checked~span{ opacity:1; transform:rotate(45deg) translate(3px,1px);}
	.menu_icon input:checked~span:nth-last-child(3){ opacity:0; transform:rotate(0deg) scale(0.2,0.2);}
	.menu_icon input:checked~span:nth-last-child(2){ transform:rotate(-45deg) translate(-0,-1px);}
	
	.navInfo{ width:280px; height:880px; position:absolute; box-sizing:border-box; background:#efefef; padding-top:125px; box-shadow:0 0 10px #85888c; margin:-50px -50px 0 0; right:0; transform:translateX(100%); transition: transform 0.5s cubic-bezier(0.77,0.2,0.5,1.0);}
	.menu_icon input:checked~div{ transform:none;}
	.navInfo ul li{ line-height:58px; text-align:center; border-bottom:solid 1px #ddd;}
	
	.left{ display:none;}
	.nav{ position:static; display:none;}
	
	.title { padding-bottom:10px; padding-top:50px;}
	.title2{ position:relative;}
	.title2 h3{ color:#0f6bc9; font-size:32px;}
	.title2 p{ font-size:18px;}
	.title2 .more2{ position:absolute; right:0px; top:10px;}
	.title2 .more2 a{ display:block; background:#187fe8; padding:10px 20px; color:#fff; border-radius:4px; text-align:center;}
	
	.left02{ width:100%; float:none;}
	.left02 dl{ float:none; width:99%; margin:a auto;}
	
	.productClass02 div{ display:inline-block; width:30%;}
	.productClass02 div img{ width:100%;}
	.productClass02 p{ width:60%; display:inline-block; vertical-align:top;}

	/*第一屏*/
	.wrap_01{ height:780px;}
	.left_img{ width:100%; height:40%;}
	.left_img img{ width:100%; height:100%;}
	.right_img{ background: url(../images/honor1.jpg) no-repeat; background-size:cover; width:100%; height:40%;}
	.right_img h3{ color:#fff; font-size:24px; padding-top:20%; padding-left:5%; line-height:40px;}
	.right_img p{ color:#fff; width:90%; padding-left:5%; margin-bottom:20px;}
	.right_img a{ background:#187fe8; padding:10px 20px; color:#fff; margin-left:5%; border-radius:4px;}
	.search_link{ color:#fff; width:100%; margin:0 auto; zoom:1;}
	.search{ display:none;}
	.dashijian{ background: url(../images/bg_new.jpg) no-repeat center center; width:40%; height:150px; float:left; margin-left:5%;}
	.dashijian h3{ color:#fff; font-size:24px; padding-top:10%; padding-left:5%; line-height:80px;}
	.dashijian a{ background:#187fe8; padding:10px 20px; color:#fff; margin-left:5%; border-radius:4px;}
	.news2{ background: url(../images/bg_new2.jpg) no-repeat center center; float:right; margin-right:5%;}
	.news2 h3{ color:#187fe8;}
	
	/*第二屏*/
	.products{ width:100%;}
	.products .products_info .productClass{ width:100%; padding-left:2px; padding-bottom:5px;}
	.products .products_info .productClass ul li{ height:40px; display:inline-block; width:32%;}
	.products .products_info .productClass ul li a{ display:block; height:40px; line-height:40px; text-align:center; color:#404040;}

	.products .products_info .productImg{ width:100%; margin:0 auto;}
	.products .products_info .productImg ul li{ float:left; width:48%; height:118px; margin-left:5px;}
	.products .products_info .productImg ul li img{ width:100%; height:118px;}
	
	/*第三屏*/
	.about{ width:100%;}
	.about .about_info{ margin-bottom:30px;}
	.about .about_info .aboutTxt{ width:95%; margin:0 auto; color:#fff; float:none;}
	.about .about_info .aboutTxt h3{ font-size:24px; line-height:32px; margin-bottom:10px; text-align:center;}
	.about .about_info .aboutTxt p{ line-height:18px; margin-bottom:10px;}
	.about .about_info .aboutImg{ width:95%; margin:0 auto; float:none;}
	.about .about_info .aboutImg img{ width:100%; height:auto;}
	.more2{ text-align:center; margin-bottom:10px;}
	.more2 a{ margin:0 auto;}
	
	/*第四屏*/
	.news{ width:90%; margin:0 auto; background:#fff; padding:10px;}
	.news .newsInfo{ width:100%; float:none;}
	.news .newsInfo .newsFirst{ padding:10px 0; zoom:1; overflow:hidden;}
	.news .newsInfo .newsFirst dl{ width:100%;}
	.news .newsInfo .newsFirst dl dt{ float:left; margin-right:16px; width:40%; height:100px;}
	.news .newsInfo .newsFirst dl dt img{ width:100%; height:100px;}
	.news .newsInfo .newsFirst dl dd{ float:left; line-height:18px; width:40%; line-height:24px;}
	.news .newsInfo .newsFirst dl dd h4{ margin-bottom:10px;}
	.news .newsInfo .newsFirst dl dd.newsCon{ display:none;}

	.news .newsInfo ul li{ line-height:40px;}
	.news .newsInfo ul li a{ float:none;}
	.news .newsInfo ul li span{ float:none; display:none;}

	.news .fqaInfo{ width:100%;}
	.news .fqaInfo ul{ padding-top:10px;}
	.news .fqaInfo ul li{ line-height:40px;}
	
	/*第五屏*/
	.contact{ position:absolute; top:10%;}
	.contact_info{ width:100%;}
	.contact_info ul li{ background:#0f6bc9; width:40%; height:100px; float:left; padding:10px; color:#fff; margin:2%; text-align:center; vertical-align: middle;}

	.footer{ width:100%; background:#181818; text-align:center; color:#aaa; padding:20px 0;}
	.footerLink{ display:none;}

	.footerTxt{ width:100%; margin:0 auto; font-size:14px; line-height:24px;}
	.footerImg{ padding-top:10px;}
	.footerImg a{ padding:10px 2px;}
	
	.left{/* display:none;*/ float:none; width:100%;}
	.right{ display:none;}
	.main{ width:90%; margin:0 auto;}
	.center{ width:100%; float:none; margin-left:0;}
}